﻿<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
    注：主页是直接引用的，注明如上。前端小白啊--追雨潮
-->
<!doctype html>
<html>
<head>
    <meta charset utf="8">
    <title>HCRain追雨潮</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="追雨潮框架 追雨潮开发框架 HCRain  .net 权限管理系统 免费  工作流引擎，表单引擎 ，免费，简单  基于 C#  html easyui .net mysql h-ui mvc -免费下载-免费开源" />

    <meta name="description" content="追雨潮框架 追雨潮开发框架 HCRain  免费  简单 代码开放。 基于.net的权限管理系统,实用的工作流,美观的表单设计，为开发人员及业务人员而准备。特色：无须编写后台代码(可拓展)-完整案例下载-easyui-hui-免费下载-免费开源">

    <script type="application/x-javascript"> addEventListener("load", function() {setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link rel="Bookmark" href="hcrain.ico">
    <link rel="Shortcut Icon" href="hcrain.ico" />
    <!--flexslider-css-->
    <link href="homepage/css/flexslider.css" rel='stylesheet' type='text/css' />
    <!--bootstrap-->
    <link href="homepage/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <!--coustom css-->
    <link href="homepage/css/style.css" rel="stylesheet" type="text/css" />
    <!--fonts-->

    <!--script-->
    <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="homepage/js/move-top.js"></script>
    <script type="text/javascript" src="homepage/js/easing.js"></script>
    <script src="homepage/js/modernizr.custom.js"></script>

    <script src="homepage/js/bootstrap.min.js"></script>
    <!--script-->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 900);
            });


            $.get("ashx/user_loginout.ashx?action=indexin&time=" + new Date().getTime() + "&user=9J",
                      function (data) {
                      });

        });
    </script>
    <!--fonts-->
    <!--[if lt IE 9]>
		<script type="text/javascript">
        window.location.href="zindex2/hcrain.html"; 
         </script>
         <![endif]-->
</head>
<body>
    <div class="header" id="home">
        <nav class="navbar navbar-default">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="hcrain.html">追雨潮</a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right margin-top cl-effect-2">
                        <li><a href="hcrain.html"><span data-hover="主页">主页</span></a></li>
                        <li class="dropdown">
                            <a href="login.html?autol=true&id=hui" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span data-hover="案例">案例</span><span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="login.html?autol=true&id=hui"><span data-hover="后台">后台案例</span></a></li>
                                <li><a href="imgshow/hcrain.html"><span data-hover="图片">前端图片案例</span></a></li>
                            </ul>
                        </li>

                        <!-- <li><a href="login.html?autol=true&id=hui"><span data-hover="Demo">案例</span></a></li>-->
                        <li><a href="http://pan.baidu.com/s/1hqg2Zqs" target="_blank"><span data-hover="下载">下载</span></a></li>
                        <li><a href="#tests"><span data-hover="开发">二次开发</span></a></li>
                        <li><a href="#tests"><span data-hover="简介">个人简介</span></a></li>
                        <li><a href="http://v.youku.com/v_show/id_XMTM2OTM5MzE0NA" target="_blank"><span data-hover="他们">最重要的他们</span></a></li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </nav>
    </div>
    <div class="header-banner">
        <!-- Top Navigation -->
        <div class="container page-seperator">
            <section class="color bgi">
                <h3>追雨潮*愿平凡*逐精彩</h3>
                <p>记录生活，感恩生活！--程序猿：何潮</p>
                <p style="color: #CC3300; font-size: 20px;">
                    <!-- 你好<br>-->
                    HCRain框架，基于ajax+html的.net的Web开发框架。<br>
                    包含:<strong style="color: #000080">权限管理  工作流引擎  表单引擎。</strong><strong style="color: #008000">快速根据数据库，生成所有表的基本操作。</strong><br />
                    前端直接引用H-ui/Easyui风格,JS封装后台通用的接口。<br />
                    让您<strong style="color: #000080">零后台代码</strong>，且<strong style="color: #000080">简单免费</strong>地实现中小型网站的开发。<br />
                    HCRain框架是基于<a href="http://opensource.org/licenses/MIT" target="_blank">MIT协议</a>的开源项目，它完全免费。<br />
                    <strong style="font-weight: bold; color: #FF0000; padding-top: 1px;">Q群：146059740</strong><br />
                    <strong style="font-weight: bold; color: #FF0000; padding-top: 1px;"><a href="../login.html?autol=true&id=easyui" style="font-weight: bold; color: #FF0000; padding-top: 1px;">去看看-easyui风格</a>&nbsp;&nbsp;<a href="../login.html?autol=true&id=hui" style="font-weight: bold; color: #FF0000; padding-top: 1px;">去看看-Hui风格</a>
                    </strong>
                </p>
                <!--<button type="button" class="btn btn-warning but1">Read more</button>-->
            </section>
            <section class="col-3 ss-style-doublediagonal our-features">

                <section class="slider">
                    <div class="container">
                        <div class="flexslider" id="tests">
                            <ul class="slides">
                                <li>
                                    <div class="banner-info" style="color: #FFFF00">
                                        <h3>追雨潮框架</h3>
                                        <h4>日志：在路上------</h4>
                                        <h5>2015-11-16:完成分支状态机(HCRainWF),测试版本。</h5>
                                        <h5>2015-11-10:完成图库管理，前后端及展示测试版本。</h5>
                                        <h5>2015-09-01:完成Hui框架的整合。</h5>
                                        <h5>2015-08-15:完成权限及人员架构第一版本。</h5>
                                        <h5>2015-08-01:完成HCRain基础框架(HCRainDV)的设计及编写-----重前端，开发，没有后台代码的开发。</h5>
                                    </div>
                                </li>
                                <li>
                                    <div class="banner-info">
                                        <h3>追雨潮框架</h3>
                                        <h4><span class="m_2">"</span>重前端开发 html/js+统一的数据接口+Db<span class="m_2"> "</span></h4>
                                        <p>
                                            特点：<br />
                                            1:只需要开发前端代码,不用开发后台。且前端使用流行的H-ui(Bootstrap),开源方便。(Easyui风格已完成，Hui风格开发中)<br />
                                            2:完整的项目案例(完整的权限管理系统)，直接可以进行二次开发。<a href="../login.html?autol=true&id=easyui" style="color: yellow;">去看看-easyui风格</a>&nbsp;&nbsp;<a href="../login.html?autol=true&id=hui" style="color: yellow;">去看看-Hui风格</a>
                                            <br />
                                            3:免费公开，后台可自行完善。<br />
                                            4:快速根据数据库，生成所有表的基本操作。方便二次开发。<br />
                                            5:正在进行工作流引擎及表单引擎的开发。<br />
                                        </p>
                                        <h5><a href="#">注：本人是前端，小白。也不是技术大神，不足之外，多多批评！</a></h5>
                                    </div>
                                </li>

                                <li>
                                    <div class="banner-info">
                                        <h3>追雨潮.net 权限管理系统</h3>
                                        <h4><span class="m_2">"</span> <a href="http://pan.baidu.com/s/1hqg2Zqs" target="_blank">追雨潮开发框架下载</a><span class="m_2">"</span></h4>
                                        <p>.net 权限管理系统 asp.net 真正的免费系统   基于html easyui .net mysql/sqlserver h-ui asp.net ajax jquery  </p>
                                        <p>机构-部门-人员-角色-权限菜单-功能权限</p>

                                    </div>
                                </li>
                                <li>
                                    <div class="banner-info">
                                        <h3>追雨潮.net 工作流引擎</h3>
                                        <h4><span class="m_2">"</span> <a href="http://pan.baidu.com/s/1hqg2Zqs" target="_blank">追雨潮开发框架下载</a><span class="m_2">"</span></h4>
                                        <p>工作流引擎   简单方便 ,独立于业务系统.。以实用为准则！</p>
                                        <p>表单可自定义,也可使用表单引擎设计</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="banner-info">
                                        <h3>追雨潮.net 表单引擎</h3>
                                        <h4><span class="m_2">"</span> <a href="http://pan.baidu.com/s/1hqg2Zqs" target="_blank">追雨潮开发框架下载</a><span class="m_2">"</span></h4>
                                        <p>快速自定义业务表单，不会代码，也可做常规的业务功能开发！</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="banner-info">
                                        <h3>个人简介</h3>
                                        <h4><span class="m_2">"</span>孩子爸,父母儿,爱人夫<span class="m_2"> "</span></h4>
                                        <p>
                                            特点：<br />
                                            1:平凡-简单.<br />
                                            2:耐心-敢面对，敢承担，敢尝试.<br />
                                            3:小爱-小打小闹.<br />
                                            4:程序员-默默努力.<br />
                                        </p>
                                        <h5><a href="#">注：本人是前端，小白。也不是技术大神，不足之外，多多批评！</a></h5>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <!-- FlexSlider -->
                    <script defer src="homepage/js/jquery.flexslider.js"></script>
                    <script type="text/javascript">
                        $(function () {
                            //  SyntaxHighlighter.all();

                            var bp = document.createElement('script');
                            bp.src = '//push.zhanzhang.baidu.com/push.js';
                            var s = document.getElementsByTagName("script")[0];
                            s.parentNode.insertBefore(bp, s);

                        });
                        $(window).load(function () {
                            $('.flexslider').flexslider({
                                animation: "slide",
                                start: function (slider) {
                                    $('body').removeClass('loading');
                                }
                            });
                        });
                    </script>

                </section>
            </section>

        </div>
    </div>

    <!--    <div class="subscribe-label">
        <div class="container">
            <div class="sub-cont">
                <div class="col-md-6">
                    <h3>Subscribe to our newsletter</h3>
                </div>
                <div class="col-md-6">
                    <form>
                        <input class="mail" type="text" name="email" value="E mail" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'E mail';}">
                        <button type="button" class="btn btn-warning sub-btn">Notify</button>
                    </form>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="social-feeds">
        <div class="container">
            <div class="wmuSlider example1 section" id="section-1">
                <article style="position: absolute; width: 100%; opacity: 0;">
                    <div class="bottom-slide">
                        <img src="./images/twitter.png" alt="" />
                        <p>Great pixel perfect template which suites any needs. Some subheader text goes here.<br>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, </p>
                    </div>
                </article>
                <article style="position: absolute; width: 100%; opacity: 0;">
                    <div class="bottom-slide">
                        <img src="./images/twitter.png" alt="" />
                        <p>Suites any needs great pixel perfect template which . Some subheader text goes here.<br>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, </p>
                    </div>
                </article>
                <article style="position: absolute; width: 100%; opacity: 0;">
                    <div class="bottom-slide">
                        <img src="./images/twitter.png" alt="" />
                        <p>Template which suites great pixel perfect  any needs. Some subheader text goes here.<br>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, </p>
                    </div>
                </article>
                <ul class="wmuSliderPagination">
                    <li><a href="#" class="">0</a></li>
                    <li><a href="#" class="">1</a></li>
                    <li><a href="#" class="">2</a></li>
                </ul>
            </div>
           
            <script src="homepage/js/jquery.wmuSlider.js"></script>
            <script>
                $('.example1').wmuSlider();
            </script>
         
        </div>
    </div>-->
    <div class="footer">
        <div class="container">
            <!--      <div class="social">
                <ul>
                    <li><a href="#" class="face"></a></li>
                    <li><a href="#" class="twit"></a></li>
                    <li><a href="#" class="insta"></a></li>
                    <li><a href="#" class="gplus"></a></li>
                    <li><a href="#" class="dribl"></a></li>
                </ul>
            </div>-->
            <div class="copy-rt">
                <p>
                    Copyright &#169; 2015 追雨潮 HCRain  All Rights Reserved.<br />

                    <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">粤ICP备15099273号-1</a><br />
                    未经允许，禁止转载、抄袭、镜像

                </p>
            </div>
        </div>
    </div>
    <a href="#home" id="toTop" class="scroll" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>

    <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "追雨潮 .net web开发框架 权限管理 工作流 hcrain 免费", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "slide": { "type": "slide", "bdImg": "0", "bdPos": "left", "bdTop": "100" }, "image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "追雨潮 .net web开发框架 权限管理 工作流  表单 ", "viewSize": "24" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"] } }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
</body>
</html>
